<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<ui:composition template="/templates/showcaseLayout.xhtml">
    <ui:define name="centerContent">
        <h:panelGroup layout="block" class="title ui-widget-header ui-corner-all"
                      style="padding: 8px; font-size: 16px !important; text-align: center;">
            <h:outputText value="Welcome to PrimeFaces Extensions ShowCase"/>
        </h:panelGroup>
        <h:panelGroup layout="block" styleClass="centerContent" style="font-size: 14px;">
            <h:panelGrid columns="2">
                <h:graphicImage library="images" name="components.png" alt="PrimeFaces Extensions"/>
                <h:panelGroup layout="block" style="padding-left: 25px; line-height: 20px;">
                    PrimeFaces Extensions is a lightweight open source component library for Java Server Faces 2.0.
                    The project is built on top of the PrimeFaces - a rapidly evolving component suite.
                    PrimeFaces Extensions consists of extended components missing in other JSF 2 libraries or with improved components which already exist somewhere but don't work there smoothly.
                    Besides that it provides useful ClientBehaviors, Converters, TagHandlers and more.
                    They are shown on the left side. Corresponding use cases are shown at the top on the right and tag documentation along with client behavior events at the bottom on the right.
                    <p/>
                    This showcase was tested with current JSF implementations Mojarra and MyFaces.
                </h:panelGroup>
            </h:panelGrid>
        </h:panelGroup>
    </ui:define>
    <ui:define name="useCases">
        <h:outputText value="Please select any component to see use cases"/>
    </ui:define>
    <ui:define name="docuTable">
        <h:outputText value="Please select any component to see documentation"/>
    </ui:define>
</ui:composition>
</html>
